<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <script>
        /*
           分析:
              1:在页面使用img标签展示图片
              2:定义一个方法,修改图片对象的src属性
              3:定义一个定时器每隔三秒调用方法一次

        */
        var number= 3;
        function aa() {
            number++;
            if (number>5){
                number = 3;
            }
            var bb=document.getElementById("pic");
            bb.src="image04/pic."+number+".jpg"
        }
        //2:定义定时器
        setInterval(aa,2000);
    </script>
</head>
<body>
  <img id="pic" src="image04/pic.3.jpg" width="50%" height="50%">
</body>
</html>